웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > html

[HTML] select 태그 사용시 내부 스타일 제거하는 방법

Last Modified : 2015-10-30 / Created : 2015-03-06
9,619
View Count

select 태그는 기본적으로 브라우저가 가지고 있는 스타일이 적용되어 있습니다. 그렇기 때문에 새로운 스타일을 적용하기 위해서는 기존 스타일을 제거할 필요가 있죠. 이때 사용할 수 있는 방법으로 appearance 속성을 사용합니다. 아래는 간단한 사용방법입니다.

select { appearance: none; }


select  {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}



이와 같이 CSS의 appearance 속성의 값을 none으로 설정하면 브라우저에 지정된 스타일을 제가할 수가 있습니다.

Previous

[CSS] position 속성이 absolute인 경우 상위 레이어 또는 전체 윈도우 기준 정렬방법

Previous

[HTML] 라디오 버튼(radio button) 만들기, 선택방법